<!DOCTYPE html>
<html lang="en">

<head>
    <title>贝康国际母婴管理师推荐</title>
    <#include "/ayi/components/meta.html" />
    <#include "/ayi/components/stylesheets.html" />
    <link href="https://cdn.bootcss.com/Swiper/4.3.0/css/swiper.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/layer/3.1.0/theme/default/layer.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/ayi/stylesheets/info.css?v=2">
</head>

<body>
    <div id="fullpage">
        <div class="ayi-info-container ayi-info-top">
            <div class="ayi-info-content am-g">
                <div class="am-u-sm-7">
                    <div class="ayi-info-name theme-color-1">
                        <span>${info.name!''}</span>
                        <span>${info.type!''}</span>
                    </div>
                    <div class="ayi-info-status">
                        <ul class="am-avg-sm-2">
                            <li>年龄:${info.age!''}</li>
                            <li>籍贯:${info.jiguan!''}</li>
                            <li>生日:${info.birth!''}</li>
                            <li>学历:${info.degree!''}</li>
                            <li>身高:${info.height!''}cm</li>
                            <li>体重:${info.weight!''}kg</li>
                            <li>薪资:￥${info.salary!''}</li>
                            <li>星座:${info.constellation!''}</li>
                        </ul>
                    </div>
                </div>
                <div class="am-u-sm-5">
                    <div class="ayi-top-avator">
                        <img src="${(info.image)!''}" />
                    </div>
                </div>
            </div>
        </div>
        <div class="ayi-info-container">
            <div class="ayi-info-title theme-color-1">
                <!-- <img src="https://i.loli.net/2018/08/06/5b67b3b006a42.png" /> -->
                <span>证件</span>
            </div>
            <div class="ayi-info-content">
                <span>${info.cert!''}<span>
            </div>
        </div>
        <div class="ayi-info-container">
            <div class="ayi-info-title theme-color-1">
                <span>工作经历</span>
            </div>
            <div class="ayi-info-content">
                <span>${info.content!''}<span>
            </div>
        </div>
        <div class="ayi-info-container">
            <div class="ayi-info-title theme-color-1">
                <span>评价</span>
            </div>
            <div class="ayi-info-content">
                <span>${info.desc!''}<span>
            </div>
        </div>
        <div class="ayi-info-container">
            <div class="ayi-info-title theme-color-1">
                <span>工作 / 生活照</span>
            </div>
            <div class="ayi-info-content">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <#list info.imgs as img>
                            <div class="swiper-slide">
                                <figure data-am-widget="figure" class="am am-figure am-figure-default cutimg" data-am-figure="{ pureview: 'true' }">
                                    <img src="${img!''}" />
                                </figure>
                            </div>
                        </#list>
                    </div>
                </div>
            </div>
        </div>
        <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default ayi-info-bottom">
            <a class="am-btn am-btn-default theme-background-color-1 theme-color-2 booking-btn" data-id='${info.id!}' href="javascript:">现在预约</a>
        </div>
    </div>
    <#include "/ayi/components/scripts.html" />
    <script src="https://cdn.bootcss.com/Swiper/4.3.0/js/swiper.js"></script>
    <script src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script>
    <script>
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 'auto',
        spaceBetween: 10,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
    </script>
    <script>
    $(document).ready(function() {
        $('.booking-btn').click(function() {
            $('#fullpage').addClass('blur');
            layer.open({
                type: 2,
                area: [screen.width * 0.8 + 'px', '420px'],
                //fix: true, //不固定
                title: false,
                closeBtn: 0,
                shadeClose: true,
                skin: 'layui-layer-nobg',
                content: '/ay/booking/' + $(this).attr('data-id'),
                end: function() {
                    $('#fullpage').removeClass('blur');
                }
            });
        })
    })
    </script>
    <script>
    var _mtac = {};
    (function() {
        var mta = document.createElement("script");
        mta.src = "http://pingjs.qq.com/h5/stats.js?v2.0.2";
        mta.setAttribute("name", "MTAH5");
        mta.setAttribute("sid", "500630613");
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(mta, s);
    })();
    </script>
</body>

</html>